@import "m_reset.scss";
@import "reset.scss";
@import "footer.scss";
@import url(https://at.alicdn.com/t/c/font_3631275_si43zg0tlvp.css);
@function getvw($w){
    @return ($w  /750)*100 + vw
}
    .wrap{
        header{
            display: flex;
            flex-wrap: wrap;
            justify-content:space-between;
            align-items: center;
            margin: getvw(48) getvw(23);
            .back{
                width: getvw(130);
	            height: getvw(57);
                border-radius: 20px;
	            border: solid 1px #ff9344;
                display: block;
                text-align: center;
                line-height: getvw(55);
                
            }
            .area{
                position: relative;
                
                select{
                    width: getvw(160);
                    height: getvw(55);
                    border: 1px solid #ff9344;
                    appearance: none;
                    padding-left: getvw(14);
                }
                i{
                    font-size: getvw(30);
                    color:#ff9344;
                    position: absolute;
                    right: getvw(11);
                    top: 50%;
                    transform: translateY(-50%);
                    pointer-events: none;
                }
            }
           
        }

        .head_bottom{
            display: flex;
            justify-content: center;
            .search{
                position: relative;
                input{
                    width: getvw(266);
                    height: getvw(56);
                    border: 1px solid #ff9344;
                    border-radius: getvw(50);
                    font-size: getvw(24);
                    padding: 0 getvw(25);
                }
                i{
                    font-size: getvw(30);
                    color:#ff9344;
                    position: absolute;
                    right: getvw(14);
                    top: 50%;
                    transform: translateY(-50%);
                }
            }
        }
        .hot{
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            text-align: center;
            line-height:getvw(65);
            margin-top: getvw(33);
            h2{
                width: 100%;
            }
            .bigbox{
                display: flex;
                justify-content: center;
                width: getvw(630);
                flex-wrap: wrap;
                font-size: getvw(20);
                color: #898989;
                .box{
                    width:getvw(125);
                    height:getvw(65);
                    background-color: #dcdcdc;
                    margin: getvw(5);
                }
            }
        }
        main{
            .head{
                width: getvw(750);
                height: getvw(130);
                display: flex;
                justify-content: space-between;
                align-items: center;
                .left{
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-left: getvw(25);
                    img{
                        width: getvw(65);
                        height: getvw(65);
                    }
                    span{
                        font-size: 1.2rem;
                        margin-left: getvw(10);
                        line-height: getvw(70);
                    }
                }
                .right{
                    span{
                        font-size: 1rem;
                        margin-right: getvw(8);
                    }
                    i{
                        font-size: 1rem;
                        margin-right: getvw(8);
                        color: #ff9344;
                    }
                }
            }
            .content{
                display: flex;
                .left{
                    // width: getvw(280);
                    // height: getvw(352);
                    margin: getvw(9);
                }
                .right{
                    .top{
                        // width: getvw(420);
                        // height: getvw(147);
                        margin: getvw(9);
                    }
                    .bottom{
                        display: flex;
                       .bottom_left{
                        margin: getvw(9);
                       }
                       .bottom_right{
                        margin: getvw(9);
                       }
                    }
                }
            }
            .content2{
                display: flex;
                justify-content: space-around;
                img{
                    width: getvw(230);
                    height: getvw(200);
                }
            }
        }
    }